<template>
  <div>
    <p>{{ temp.id }}</p>
    <el-input type="text" v-model="temp.date"></el-input><br />
    <el-input type="text" v-model="temp.name"></el-input><br />
    <el-input type="text" v-model="temp.address"></el-input><br />
    <div>
      <el-button type="danger" size="mini" @click="change()">确定</el-button>
      <el-button type="success" size="mini">取消</el-button>
    </div>
  </div>
</template>
<script>
export default {
  methods: {
    //   确定修改方法   将数据传给父组件
    change: function () {
      this.$emit("change", this.temp);
    },
  },
  props: {
    //传的是引用
    user: Object,
  },
  created: function () {
    //将user深拷贝一份给temp
    //stringify 将对象转换成JSON格式字符串  得到一个字符串（新对象）
    //parse 将一个JSON格式字符串转换成JSON对象  得到一个对象（新）
    this.temp = JSON.parse(JSON.stringify(this.user));
  },
  data() {
    return {
      //作为user的副本
      temp: null,
    };
  },
};
</script>
<style scoped>
</style>